body {
    background-color: rgba(239, 239, 239);
}

p {
    margin: 0;
}

.container {
    width: 1200px;
    height: auto;
    font-size: 20px;
    color: rgb(108, 108, 108);
    margin: 100px auto;
    box-shadow: 2px 2px 5px #999, -2px 2px 5px #999;
}

.list-header {
    position: relative;
    text-indent: 7%;
    padding: 2% 1%;
    /* border: 1px solid rgb(201, 201, 201); */
}

.checkbox,
.title,
.time,
.state,
.stateGreen,
.operation,
.primary {
    display: inline-block;
}

.title {
    text-indent: 2%;
    width: 30%;
}

.time {
    width: 20%;
}

.state,
.stateGreen {
    width: 10%;
}

.stateGreen {
    color: greenyellow;
}

.operation {
    width: 30%;
}

.list-header my-button {
    position: absolute;
    right: 2%;
}

.questionnaire-list {
    background-color: white;
    padding: 10px 20px;
}

.questionnaire {
    text-indent: 5%;
    padding: 15px 0;
    border-bottom: 1px solid rgba(203, 203, 203);
}

.questionnaire:hover {
    background-color: rgb(251, 239, 228);
}

.questionnaire .time {
    font-size: 14px;
}

.list-footer {
    background-color: white;
    padding: 20px 0;
}

.operation button,
.list-footer button {
    width: 70px;
    height: 28px;
    font-size: 16px;
    color: rgb(108, 108, 108);
    margin-left: 5px;
    padding: 0;
}

.operation button:active,
.list-footer button:active {
    border: 0;
    background-color: #EE7419;
    border-radius: 5px;
    color: white;
}

.list-footer {
    text-indent: 5%;
    padding-left: 20px;
}